var noOfWindows = 0;
appbodytab = Ext.createWidget('tabpanel', {
	plain : true,
	height : 630,
	border : false,
	tabPosition : 'bottom',
	margin : '0 0 0 3',
	plugins : Ext.create('Ext.ux.TabReorderer')
});

/*
 * messageBar = Ext.create('scribbles.StatusBar', { defaultText : ' ', id :
 * 'messageBar', itemId : 'messageBar', statusAlign : 'right', items : [ ' ' ]
 * });
 */

function addWindow(url) {
	noOfWindows++;
	//alert('url: ' + url);
	title = url.replace(/\//g, ' ');
	title = title.substring(0,1).toUpperCase() + title.substring(1, title.length).toLowerCase();
	id = url.replace(/\//g, '');
	//alert('id: ' + id);
	
	var tabpanel = appbodytab.child("#" + id);
	if (tabpanel == null) {
		appbodytab.add({
			title : 'Temporary title',
			iconCls : 'tabs',
			autoWidth : true,
			autoHeight : !!true,
			itemId : id,

			closable : !!true,
			autoLoad : {
				url : url,
				scripts : true
			},
			tbar : Ext.create('scribbles.StatusBar', {
				defaultText : ' ',
				id : 'messageBar',
				itemId : 'messageBar',
				statusAlign : 'right',
				items : [ ' ' ]
			}),
			listeners : {
				activate : function(component, options) {
					Ext.getCmp("messageBar").setTitle(title);
				},
				deactivate : function(component, options) {					
				}
			}
		}).show();
	} else {
		tabpanel.tab.show();
		appbodytab.setActiveTab(tabpanel);
	}
}

